<template>
	<view class="main_container" @click="click_handle()">
		<view class="bg">
			<u-row height="60px">
				<u-col span="2">
					<u-image width="56px" height="60px" radius="15px" :src="msg.user.avatar_url"></u-image>
				</u-col>
				<u-col span="10">
					<view class="nickname_text">{{msg.user.nickname}}</view><br>
					<view class="message_text">{{msg.message.content}}</view>
				</u-col>
			</u-row>
		</view>
	</view>
</template>

<script>
	export default {
		name:"comment-message",
		props: {
			msg: Object
		},
		data() {
			return {
				
			};
		},
		methods: {
			click_handle() {
				uni.navigateTo({
					url: `/pages/post_content/post_content?id=${this.msg.message.extra_flag[0].source_post}`
				})
			}
		}
	}
</script>

<style>
	.main_container {
	}
	.bg {
		padding: 2px;
		background-color: rgb(231, 237, 254);
		border-radius: 15px;
	}
	.nickname_text {
		font-size: 15px;
		font-weight: 600;
	}
	
	.message_text {
		font-size: 10px;
		font-weight: 500;
	}
</style>